<meta charset="utf-8" >
<table ng-app="realTimeList" ng-controller="RealTimeController" class="table table-bordered table-striped table-hover table-condensed table_style">
    <thead>
        <tr>
            <th>点号</th>
            <th>地点</th>
            <th>氧气（%）</th>
            <th>一氧化碳（PPM）</th>
            <th>甲烷（%）</th>
            <th>温度（℃）</th>
            <th>湿度（%）</th>
            <th>压差（pa）</th>
            <th>电量（%）</th>
            <th>时间</th>
            <th>状态</th>
            <th>备注</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="record in records">
            <td ng-click="onItemclick(this,1)" ng-model='record.sensorId'>{{record.sensorId}}</td>
            <td >{{record.sensorLocation}}</td>
            <td ng-click="onItemclick(this,3)" ng-model='record.o2'>{{record.o2}}</td>
            <td ng-click="onItemclick(this,4)" ng-model='record.co'>{{record.co}}</td>
            <td ng-click="onItemclick(this,5)" ng-model='record.ch4'>{{record.ch4}}</td>
            <td ng-click="onItemclick(this,6)" ng-model='record.temp'>{{record.temp}}</td>
            <td ng-click="onItemclick(this,7)" ng-model='record.humidity'>{{record.humidity}}</td>
            <td ng-click="onItemclick(this,8)" ng-model='record.diffpa'>{{record.diffpa}}</td>
            <td ng-click="onItemclick(this,9)" ng-model='record.electric'>{{record.electric}}</td>
            <td>{{record.time}}</td>
            <td>{{record.status}}</td>
            <td>{{record.desc}}</td>
        </tr>
    </tbody>
</table>

<!--弹框-->
<!-- 模态框（Modal） -->
<div class="modal fade" id="columnSettingModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">站点信息修改</h4>
            </div>
            <div class="modal-body">
                <!--内容 -->
                <div class="form-group row">
                    <div class="col-sm-6">
                        <label for="max02" class="control-label">氧气上限</label>
                        <input id="max02" type="text"/>
                    </div>
                    <div class="col-sm-6">
                        <label for="maxC01" class="control-label">一氧化碳上限</label>
                        <input id="maxC01" type="text"/>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-6">
                        <label for="max02" class="control-label">氧气上限</label>
                        <input id="max02" type="text"/>
                    </div>
                    <div class="col-sm-6">
                        <label for="maxC01" class="control-label">一氧化碳上限</label>
                        <input id="maxC01" type="text"/>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-6">
                        <label for="max02" class="control-label">氧气上限</label>
                        <input id="max02" type="text"/>
                    </div>
                    <div class="col-sm-6">
                        <label for="maxC01" class="control-label">一氧化碳上限</label>
                        <input id="maxC01" type="text"/>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-6">
                        <label for="max02" class="control-label">氧气上限</label>
                        <input id="max02" type="text"/>
                    </div>
                    <div class="col-sm-6">
                        <label for="maxC01" class="control-label">一氧化碳上限</label>
                        <input id="maxC01" type="text"/>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-6">
                        <label for="max02" class="control-label">氧气上限</label>
                        <input id="max02" type="text"/>
                    </div>
                    <div class="col-sm-6">
                        <label for="maxC01" class="control-label">一氧化碳上限</label>
                        <input id="maxC01" type="text"/>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-6">
                        <label for="max02" class="control-label">氧气上限</label>
                        <input id="max02" type="text"/>
                    </div>
                    <div class="col-sm-6">
                        <label for="maxC01" class="control-label">一氧化碳上限</label>
                        <input id="maxC01" type="text"/>
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="columnChartModal"  role="dialog" >
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">站点信息修改</h4>
            </div>
            <div class="modal-body" id="chartRegion" style="width:1800px;"/>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

